<!DOCTYPE html>
<html>

<head>
    <#import "../common/common.macro.ftl" as netCommon>
    <title>艺术上海 - ARTPLUS SHANGHAI</title>
    <meta charset="utf-8" />
    <meta name="keywords" content=""/>
    <meta name="description" content=""/>
    <link rel="icon" type="image/png" href="/static/img/icon.png"/>


    <meta name="renderer" content="webkit" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <link href="/static/css/bootstrap.mini.css" rel="stylesheet" />
    <link href="/static/css/style.css" rel="stylesheet" />
    <link href="/static/css/font-face.css" rel="stylesheet" />
    <link href="/static/css/common/index.css" rel="stylesheet" />
    <link href="/static/css/footer/index.css" rel="stylesheet" />
    <link href="/static/css/font/font-awesome.min.css" rel="stylesheet" />
    <link href="/static/css/font-awesome.min.css" rel="stylesheet" type="text/css">
    <link rel="icon" type="image/png" href="/static/img/icon.png"/>

    <style>
        .artist-box {
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            width: 1180px;
            margin: 0 auto;
            margin-top: 70px;
        }
        .artist-title .header {
            font-size: 26px;
            font-weight: bold;
            color: #000000;
            text-align: center;
            padding-bottom: 32px;
        }

        .artist-index {
            font-size: 16px;
            width: 100%;
            padding: 0 20px;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            letter-spacing: 14.4px;
            display: box;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            display: flexbox;
            display: -webkit-flex;
            display: -moz-flex;
            -webkit-justify-content: space-between;
            -moz-justify-content: space-between;
            -ms-justify-content: space-between;
            -o-justify-content: space-between;
            justify-content: space-between;
            -webkit-box-pack: space-between;
            -webkit-align-items: space-between;
            align-items: space-between;
        }
        .artist-title{
            width: 100%;
            margin: 20px;
            margin-top: 30px;
            margin-bottom: 40px;
            font-weight: bold;
            font-size: 16px;
        }
        .artist-item{
            width: 100%;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            padding: 0 20px;
            padding-bottom: 15px;
            overflow: hidden;
            margin-bottom: 4px;
        }
        .artist-item a{
            float: left;
            width: 10%;
            color: #666;
            margin-bottom: 36px;
        }
        .artist-item a .item{
            margin: 0 auto;
            width: 84px;
        }

        .artist-item a .item img {
            border-radius: 50%;
            width: 84px;
            height: 84px;
        }

        .artist-item a .item span {
            font-size: 12px;
            color: #666;
            display: block;
            text-align: center;
            overflow: hidden;
            max-width: 6em;
            margin: 0 auto;
            margin-top: 10px;
            white-space: nowrap;
            text-overflow: ellipsis;
        }
        #owl-demo {
            width: 100%;
            height: 470px;
            display: block;
            background-position: center center;
            background-size: cover;
        }
    </style>

</head>

<body>
<@netCommon.commonHeader "艺术机构" menu i18n/>

<div id="owl-demo" class="owl-carousel"  style="margin-top: 110px;background-image:url(${exArtistBanner.img1!''})">

</div>
<div class="" style="background-color: #3b3b3b; height: 80px; display: flex; align-items: center; ">
    <div  style="width: 960px; height: 44px; margin: 0 auto; display: flex; align-items: center; justify-content: flex-start">
        <input id="art-search-input" type="" style="height: 44px;color: #fff; width: 880px; border: 0px; padding: 0px 10px; background-color: #2b2b2b" placeholder="搜索艺术家名称，查看他的作品"/><div class="" style="height: 44px;width: 80px; text-align: center; color: #999; line-height: 44px;cursor: pointer; background-color: #1b1b1b" id="art-search">搜索</div>
    </div>
</div>

<section class="container" style="width: 1200px">



    <section class="artist-title">
        <div class="header">
            艺术家
        </div>

        <#list data.data.records as item>

        <div class="artist-item" style="padding-bottom: 50px;width: 200px; float: left">


            <a href="/artist/detail?artistNo=${item.artistNo}">
                <div class="item">
                    <#if item.headImg?length gt 1>
                    <img  src="${item.headImg!''}" style="object-fit: cover"><span>${item.name}</span>
                    <#else>
                    <img src="https://img.artplussh.com/87e2cf72-27c1-4094-913a-fa6b3a5694ab900c2694a6cf33ab?w=359&h=361&a=359:361"
                                       style="object-fit: cover"><span>${item.name}</span>
                    </#if>
                </div>
            </a>


          </div>
        </#list>
    </section>
    <div class="grayline"></div>

</section>

<@netCommon.commonFooter footer friendLink copyright i18n/>

<@netCommon.commonScript />

<script>
    $(function () {



        $('#art-search').click(function () {
            window.location.href = '/works/index?bizValue19='+$("#art-search-input").val()
        })
    })
</script>
</body>

</html>